
@font-face {
  font-family: 'textFont';
  src: url('./font/iconfont.ttf') format('truetype')    
 }  

 @font-face {
  font-family: 'numFont';
  src: url('./font/HelveticaNeue-CondensedBold.ttf') format('truetype') 
 }

 body{
  font-family: 'textFont' !important;
  background-color: #eee;
 }
 .numFont{
  font-family: 'numFont' !important;
 }

 div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
img{
  vertical-align: middle;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym {
   border:0;
}
a{
  text-decoration: none;
}
html,*{
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  list-style: none;
  border-style: none;
  outline: none;
  background-color: transparent;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.scroll-y {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  /* display: flex;
  justify-content: space-between; */
  white-space: nowrap;
}

.overflow{
  overflow: hidden;
}

.text-row1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-row2 {
  overflow: hidden;
  white-space:normal;
  word-break: break-all !important;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
}
.text-row3 {
  overflow: hidden;
  word-break: break-all !important;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3; 
}

.row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
}
.column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.flow{
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
}
.flex {
  flex: 1;
}

.mc{
  margin: 0 auto;
}

.ma{
  margin: auto;
}

.lt {
  text-align: left;
}

.ct {
  text-align: center;
}

.rt {
  text-align: right;
}

.cc{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
}

.ce{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* 横向左对齐 */
.js {
  justify-content: flex-start;
}

/* 横向居中 */
.jc {
  justify-content: center;
}

/* 横向右对齐 */
.je {
  justify-content: flex-end;
}

/* 竖向顶部对齐 */
.as {
  align-items: flex-start;
}

/* 竖向居中 */
.ac {
  align-items: center;
}

/* 竖向底部对齐 */
.ae {
  align-items: flex-end;
}

/* 竖向基线对齐 */
.ab {
  align-items: baseline;
}

.fw1{
  font-weight: 100;
}
.fw2{
  font-weight: 200;
}
.fw3{
  font-weight: 300;
}
.fw4{
  font-weight: 400;
}
.fw5{
  font-weight: 500;
}
.bold{
  font-weight: bold;
}

.red{
  color: #FF433D;
}
.orange{
  color: orange;
}
.green{
  color: green;
}
.purple{
  color: purple;
}
.yellow{
  color: yellow;
}
.gray{
  color: gray;
}
.ccc{
  color: #ccc;
}
.ddd{
  color: #ddd;
}
.eee{
  color: #eee;
}
.fff{
  color: #fff;
}
.c0{
  color: #000;
}
.c2{
  color: #222;
}
.c3{
  color: #333;
}
.c6{
  color: #666;
}
.c9{
  color: #999;
}

/* font-size */
.f8{
  font-size: .16rem;
}
.f9{
  font-size: .18rem;
}
.f10{
  font-size: .2rem;
}
.f11{
  font-size: .22rem;
}
.f12{
  font-size: .24rem;
}
.f13{
  font-size: .26rem;
}
.f14{
  font-size: .28rem;
}
.f15{
  font-size: .3rem;
}
.f16{
  font-size: .32rem;
}
.f17{
  font-size: .34rem;
}
.f18{
  font-size: .36rem;
}
.f19{
  font-size: .38rem;
}
.f20{
  font-size: .4rem;
}
.f21{
  font-size: .42rem;
}
.f22{
  font-size: .44rem;
}
.f23{
  font-size: .46rem;
}
.f24{
  font-size: .48rem;
}
.f25{
  font-size: .50rem;
}
.f26{
  font-size: .52rem;
}
.f27{
  font-size: .54rem;
}
.f28{
  font-size: .56rem;
}
.f29{
  font-size: .58rem;
}
.f30{
  font-size: .6rem;
}
.f35{
  font-size: .7rem;
}
.f40{
  font-size: .8rem;
}
.f45{
  font-size: .9rem;
}
.f50{
  font-size: 1rem;
}
.f55{
  font-size: 1.1rem;
}
.f60{
  font-size: 1.2rem;
}